.home {
  /* 设置旋转动画 */
  @keyframes spin {
    100% {
      transform: rotate(360deg);
    }
  }
  .bl-list {
    .bar {
      background-color: #00b578;
      padding: 10px;
      color: white;
      display: flex;
      align-items: center;
      justify-content: space-between;
      img {
        width: 20px;
      }
      /* 在CSS中为图片设置旋转 */
      .img-active {
        animation: spin 2s linear infinite;
      }
    }
    .content {
      background-color: black;
      padding: 10px;
      color: white;
      height: 160px;
      overflow-y: auto;
      .bluetooth{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 0;
      }
    }
    .adds {
      background-color: white;
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      input {
        width: 90%;
        line-height: 24px;
        outline: none;
        border: none;
        border-bottom: #eeeeee solid 1px;
      }
    }
  }
  .server {
    margin-top: 20px;
    .bar {
      background-color: #00b578;
      padding: 10px;
      color: white;
    }
    .content {
      background-color: black;
      padding: 10px;
      color: white;
      min-height: 160px;
      overflow-y: auto;
    }
  }
}
